<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
     hashchange
        用于在 URL 散列值(URL 最后#后面的部分)发生变化时通知 开发者。
        每次 URL 散列值发生变化时会调用它。event 对象有两个新属性:oldURL 和 newURL。
     */

    window.addEventListener("hashchange", (event) => {
        console.log(`Old URL: ${event.oldURL}, New URL: ${event.newURL}`);
    });
    // 如果想确定当前的散列值，最好使用 location 对象:
    window.addEventListener("hashchange", (event) => {
        console.log(`Current hash: ${location.hash}`);
    });
</script>
</body>
</html>